<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 引入Layui -->
		<script src="../bootstrap-4.6.1/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../layui-v2.6.8/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../layui-v2.6.8/layui/css/layui.css" />
		<!-- 引入自己 -->
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../public/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/layaddress.css"/>
	</head>
	<body>
		<!-- 添加地址表单 -->
		<form class="layui-form" action="" id="layform">
			<!-- 昵称 -->
			<div class="layui-form-item">
				<label class="layui-form-label">收货人</label>
				<div class="layui-input-block">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入昵称"
						autocomplete="off" class="layui-input sh-name">
				</div>
			</div>
			<!-- 手机号码 -->
			<div class="layui-form-item">
				<label class="layui-form-label">手机号码</label>
				<div class="layui-input-block">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入手机号码"
						autocomplete="off" class="layui-input miblod">
				</div>
			</div>
			<!-- 地址选择 -->
			<div class="layui-form-item select-box">
				<!-- 省份 -->
				<label class="layui-form-label select-label">省份</label>
				<div class="layui-input-block select-item">
					<select name="city" lay-verify="required" lay-search id="province"
						lay-filter="province"></select>
				</div>
				<!-- 城市 -->
				<label class="layui-form-label">城市</label>
				<div class="layui-input-block select-item ">
					<select name="city" lay-verify="required" lay-search id="city" lay-filter="city">
						<option value=""></option>
						<option value="0">北京</option>
						<option value="1">上海</option>
						<option value="2">广州</option>
						<option value="3">深圳</option>
						<option value="4">杭州</option>
					</select>
				</div>
				<!-- 地区 -->
				<label class="layui-form-label mar-top">地区</label>
				<div class="layui-input-block select-item mar-top">
					<select name="city" lay-verify="required" lay-search id="region" lay-filter="region">
						<option value=""></option>
						<option value="0">北京</option>
						<option value="1">上海</option>
						<option value="2">广州</option>
						<option value="3">深圳</option>
						<option value="4">杭州</option>
					</select>
				</div>
			</div>
			<!-- 详细地址 -->
			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">详细地址</label>
				<div class="layui-input-block">
					<textarea name="desc" placeholder="请输入详细地址" class="layui-textarea" id="ress"></textarea>
				</div>
			</div>
			<!-- 默认地址 -->
			<div class="layui-form-item">
				<label class="layui-form-label">默认地址</label>
				<div class="layui-input-block">
					<input type="checkbox" name="switch" lay-skin="switch" lay-text="ON|OFF" id="chek">
				</div>
			</div>
			<!-- 立即添加 -->
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit lay-filter="formDemo" id="subimt">立即添加</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>
	</body>
	<script src="../public/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/layaddress.js" type="text/javascript" charset="utf-8"></script>
</html>
